Create monorepo and typeScript react base project by handreyrc · Pull Request #36 · serverlessworkflow/editor

handreyrc · 2026-03-12T14:08:53Z

This PR aims to:

Setup the monorepo to host Serverless Workflow Visual Editor components
Setup ts / react base project / package for the development of the diagram-editor component.
It shall be possible to build repo packages in dev / prod mode
It shall be possible to run storybook in dev mode and then test / debug "DiagramEditor" sample component

Copilot

Pull request overview

This PR bootstraps a pnpm-based monorepo for the Serverless Workflow Visual Editor, adding a shared ESLint/Prettier setup and an initial TypeScript + React package (serverless-workflow-diagram-editor) with Storybook, placeholder UI, and basic test scaffolding.

Changes:

Add monorepo workspace configuration, shared TypeScript configs, and root-level tooling (ESLint/Prettier/pnpm).
Introduce a shared @serverless-workflow-settings/eslint-config package and apply it at the repo root and in the diagram editor package.
Create the serverless-workflow-diagram-editor package with Storybook stories/assets and an initial PatternFly-based DiagramEditor placeholder component.

Reviewed changes

Copilot reviewed 37 out of 58 changed files in this pull request and generated 12 comments.

Show a summary per file

File	Description
tsconfig.test.json	Adds a dedicated tsconfig for tests (jest/testing-library types, noEmit).
tsconfig.base.json	Introduces shared TS compiler defaults for packages.
pnpm-workspace.yaml	Defines workspace packages and build dependency allowlist.
packages/serverless-workflow-diagram-editor/tsconfig.json	Package TS build config (src → dist).
packages/serverless-workflow-diagram-editor/tests/setupTests.ts	Jest DOM setup entry for tests.
packages/serverless-workflow-diagram-editor/tests/react-flow/Sample.test.tsx	Adds placeholder test file for react-flow area.
packages/serverless-workflow-diagram-editor/tests/core/sample.test.ts	Adds placeholder test file for core area.
packages/serverless-workflow-diagram-editor/stories/page.css	Storybook example styles for Page.
packages/serverless-workflow-diagram-editor/stories/header.css	Storybook example styles for Header.
packages/serverless-workflow-diagram-editor/stories/button.css	Storybook example styles for Button.
packages/serverless-workflow-diagram-editor/stories/assets/youtube.svg	Adds Storybook example asset.
packages/serverless-workflow-diagram-editor/stories/assets/tutorials.svg	Adds Storybook example asset.
packages/serverless-workflow-diagram-editor/stories/assets/styling.png	Adds Storybook example asset.
packages/serverless-workflow-diagram-editor/stories/assets/share.png	Adds Storybook example asset.
packages/serverless-workflow-diagram-editor/stories/assets/github.svg	Adds Storybook example asset.
packages/serverless-workflow-diagram-editor/stories/assets/docs.png	Adds Storybook example asset.
packages/serverless-workflow-diagram-editor/stories/assets/discord.svg	Adds Storybook example asset.
packages/serverless-workflow-diagram-editor/stories/assets/context.png	Adds Storybook example asset.
packages/serverless-workflow-diagram-editor/stories/assets/avif-test-image.avif	Adds Storybook asset used for media handling examples.
packages/serverless-workflow-diagram-editor/stories/assets/assets.png	Adds Storybook example asset.
packages/serverless-workflow-diagram-editor/stories/assets/accessibility.svg	Adds Storybook example asset.
packages/serverless-workflow-diagram-editor/stories/Page.tsx	Adds Storybook example Page component.
packages/serverless-workflow-diagram-editor/stories/Page.stories.ts	Adds Storybook stories + interaction test for Page.
packages/serverless-workflow-diagram-editor/stories/Header.tsx	Adds Storybook example Header component.
packages/serverless-workflow-diagram-editor/stories/Header.stories.ts	Adds Storybook stories for Header.
packages/serverless-workflow-diagram-editor/stories/DiagramEditor.tsx	Adds Storybook wrapper around the package’s DiagramEditor component.
packages/serverless-workflow-diagram-editor/stories/DiagramEditor.stories.ts	Adds the initial DiagramEditor story.
packages/serverless-workflow-diagram-editor/stories/Configure.mdx	Adds Storybook configuration/learning MDX page and related UI.
packages/serverless-workflow-diagram-editor/stories/Button.tsx	Adds Storybook example Button component.
packages/serverless-workflow-diagram-editor/stories/Button.stories.ts	Adds Storybook stories for Button.
packages/serverless-workflow-diagram-editor/src/react-flow/README.md	Adds placeholder docs for the react-flow sub-area.
packages/serverless-workflow-diagram-editor/src/index.ts	Adds package export barrel.
packages/serverless-workflow-diagram-editor/src/diagram-editor/index.ts	Adds diagram-editor export barrel.
packages/serverless-workflow-diagram-editor/src/diagram-editor/DiagramEditor.tsx	Adds initial DiagramEditor placeholder implementation using PatternFly components.
packages/serverless-workflow-diagram-editor/src/core/README.md	Adds placeholder docs for core sub-area.
packages/serverless-workflow-diagram-editor/package.json	Adds package scripts (build/test/storybook), deps/devDeps.
packages/serverless-workflow-diagram-editor/eslint.config.js	Applies shared ESLint flat config to the package.
packages/serverless-workflow-diagram-editor/README.md	Adds package-level build/run instructions.
packages/serverless-workflow-diagram-editor/.storybook/preview.ts	Adds Storybook preview configuration (controls matchers).
packages/serverless-workflow-diagram-editor/.storybook/main.ts	Adds Storybook main config (addons, stories glob, telemetry off).
packages/eslint-config/package.json	Adds a shared ESLint config package definition.
packages/eslint-config/index.js	Implements shared ESLint flat config (TS/React/Prettier/hooks + ignores).
package.json	Adds root scripts and pins engines/pnpm for the monorepo.
eslint.config.js	Applies shared ESLint flat config at repo root.
README.md	Adds monorepo prerequisites and build instructions.
LICENSE	Fixes formatting/line-numbering at file end.
GOVERNANCE.md	Fixes formatting/line-numbering at file end.
CONTRIBUTING.md	Updates build instructions to pnpm and updates new-package script naming.
CODE_OF_CONDUCT.md	Fixes formatting/line-numbering at file end.
.prettierrc	Adds Prettier configuration.
.npmrc	Adds npm config to ignore workspace root check.
.gitignore	Adds/extends ignore patterns for node/dist/storybook artifacts and IDE files.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

CONTRIBUTING.md

packages/serverless-workflow-diagram-editor/README.md

packages/serverless-workflow-diagram-editor/package.json

packages/serverless-workflow-diagram-editor/src/diagram-editor/DiagramEditor.tsx

packages/serverless-workflow-diagram-editor/package.json

packages/serverless-workflow-diagram-editor/src/diagram-editor/DiagramEditor.tsx

packages/serverless-workflow-diagram-editor/stories/DiagramEditor.tsx

packages/serverless-workflow-diagram-editor/stories/Configure.mdx

README.md

Copilot

Pull request overview

Copilot reviewed 38 out of 59 changed files in this pull request and generated 3 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

packages/serverless-workflow-diagram-editor/stories/Configure.mdx

packages/serverless-workflow-diagram-editor/src/diagram-editor/DiagramEditor.tsx

Copilot

Pull request overview

Copilot reviewed 41 out of 62 changed files in this pull request and generated 6 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

packages/serverless-workflow-diagram-editor/package.json

README.md

packages/serverless-workflow-diagram-editor/tsconfig.json

packages/serverless-workflow-diagram-editor/tests/diagram-editor/DiagramEditor.test.tsx

packages/serverless-workflow-diagram-editor/jest.config.ts

handreyrc · 2026-03-13T08:33:28Z

@fantonangeli , @lornakelly , @ricardozanini @JBBianchi;

This PR is good enough for human review!

Thanks!

Copilot

Pull request overview

Copilot reviewed 43 out of 64 changed files in this pull request and generated 5 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

.rat-excludes

packages/serverless-workflow-diagram-editor/tests/diagram-editor/DiagramEditor.test.tsx

README.md

packages/serverless-workflow-diagram-editor/README.md

CONTRIBUTING.md

Copilot

Pull request overview

Copilot reviewed 43 out of 64 changed files in this pull request and generated 6 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

packages/serverless-workflow-diagram-editor/stories/DiagramEditor.tsx

packages/serverless-workflow-diagram-editor/jest.config.ts

packages/eslint-config/package.json

packages/serverless-workflow-diagram-editor/package.json

packages/serverless-workflow-diagram-editor/eslint.config.js

packages/serverless-workflow-diagram-editor/tests/diagram-editor/DiagramEditor.test.tsx

Signed-off-by: handreyrc <handrey.cunha@gmail.com> # Conflicts: # package.json

Signed-off-by: handreyrc <handrey.cunha@gmail.com>

Copilot

Pull request overview

Copilot reviewed 45 out of 67 changed files in this pull request and generated 2 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

packages/serverless-workflow-diagram-editor/package.json

package.json

Signed-off-by: handreyrc <handrey.cunha@gmail.com>

Copilot

Pull request overview

Copilot reviewed 45 out of 67 changed files in this pull request and generated 1 comment.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

packages/serverless-workflow-diagram-editor/package.json

Signed-off-by: handreyrc <handrey.cunha@gmail.com>

Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>

…execution Fix linter and formatter execution

Copilot

Pull request overview

Copilot reviewed 47 out of 69 changed files in this pull request and generated 7 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

packages/serverless-workflow-diagram-editor/stories/DiagramEditor.tsx

packages/serverless-workflow-diagram-editor/tests/diagram-editor/DiagramEditor.test.tsx

packages/linter/package.json

packages/linter/README.md

packages/serverless-workflow-diagram-editor/stories/Button.tsx

packages/serverless-workflow-diagram-editor/stories/Header.tsx

packages/serverless-workflow-diagram-editor/stories/DiagramEditor.tsx

Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>

Signed-off-by: handreyrc <handrey.cunha@gmail.com>

…etup-fix-formatter-execution Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>

fantonangeli · 2026-03-18T20:52:27Z

@handreyrc I'm still finishing my PR, is on the way

Copilot

Pull request overview

Copilot reviewed 47 out of 69 changed files in this pull request and generated 7 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

packages/linter/README.md

packages/serverless-workflow-diagram-editor/src/diagram-editor/DiagramEditor.tsx

packages/serverless-workflow-diagram-editor/stories/Button.tsx

packages/serverless-workflow-diagram-editor/stories/Header.tsx

packages/serverless-workflow-diagram-editor/stories/DiagramEditor.tsx

packages/serverless-workflow-diagram-editor/tests/diagram-editor/DiagramEditor.test.tsx

packages/serverless-workflow-diagram-editor/vitest.config.ts

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>

Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>

Copilot

Pull request overview

Copilot reviewed 47 out of 69 changed files in this pull request and generated 4 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

You can also share your feedback on Copilot code review. Take the survey.

package.json

packages/serverless-workflow-diagram-editor/tests/diagram-editor/DiagramEditor.test.tsx

packages/serverless-workflow-diagram-editor/src/diagram-editor/DiagramEditor.tsx

packages/serverless-workflow-diagram-editor/stories/DiagramEditor.tsx

Signed-off-by: handreyrc <handrey.cunha@gmail.com>

handreyrc requested review from Copilot, fantonangeli and ricardozanini and removed request for Copilot March 12, 2026 14:08

Copilot started reviewing on behalf of handreyrc March 12, 2026 14:09 View session

handreyrc requested review from JBBianchi, Copilot and lornakelly March 12, 2026 14:09

Copilot started reviewing on behalf of handreyrc March 12, 2026 14:35 View session

handreyrc force-pushed the monorepo-setup branch from 8a9c9fe to 02fcc14 Compare March 12, 2026 14:40

Copilot AI reviewed Mar 12, 2026

View reviewed changes

Copilot AI review requested due to automatic review settings March 12, 2026 15:06

Copilot started reviewing on behalf of handreyrc March 12, 2026 15:07 View session

Copilot AI reviewed Mar 12, 2026

View reviewed changes

handreyrc force-pushed the monorepo-setup branch from 26672a7 to 17e73b3 Compare March 12, 2026 15:15

Copilot AI review requested due to automatic review settings March 13, 2026 06:11

Copilot started reviewing on behalf of handreyrc March 13, 2026 06:11 View session

Copilot AI reviewed Mar 13, 2026

View reviewed changes

handreyrc force-pushed the monorepo-setup branch from 1e26a38 to f2082d3 Compare March 13, 2026 08:23

Copilot AI review requested due to automatic review settings March 13, 2026 08:29

Copilot started reviewing on behalf of handreyrc March 13, 2026 08:29 View session

Copilot AI reviewed Mar 13, 2026

View reviewed changes

Copilot AI review requested due to automatic review settings March 13, 2026 08:41

Copilot started reviewing on behalf of handreyrc March 13, 2026 08:42 View session

Copilot AI reviewed Mar 13, 2026

View reviewed changes

handreyrc added 4 commits March 13, 2026 04:55

Monorepo and project setup

d21af81

Signed-off-by: handreyrc <handrey.cunha@gmail.com> # Conflicts: # package.json

Add missing license headers

4a46493

Signed-off-by: handreyrc <handrey.cunha@gmail.com>

Fix copilot complaints

6bca620

Signed-off-by: handreyrc <handrey.cunha@gmail.com>

Fix jest and dependencies clean up

8860a9c

Signed-off-by: handreyrc <handrey.cunha@gmail.com>

Copilot started reviewing on behalf of handreyrc March 17, 2026 21:34 View session

Copilot AI reviewed Mar 17, 2026

View reviewed changes

packages/serverless-workflow-diagram-editor/package.json Outdated Show resolved Hide resolved

package.json Show resolved Hide resolved

handreyrc added 2 commits March 17, 2026 18:07

Move emit tsconfig settings to package level

d402601

Signed-off-by: handreyrc <handrey.cunha@gmail.com>

Fix peer dependencies

66f76e1

Signed-off-by: handreyrc <handrey.cunha@gmail.com>

Copilot AI review requested due to automatic review settings March 17, 2026 22:26

Copilot started reviewing on behalf of handreyrc March 17, 2026 22:26 View session

Copilot AI reviewed Mar 17, 2026

View reviewed changes

packages/serverless-workflow-diagram-editor/package.json Outdated Show resolved Hide resolved

handreyrc and others added 3 commits March 17, 2026 18:37

Fix exports

72bd389

Signed-off-by: handreyrc <handrey.cunha@gmail.com>

Refactored linter and formatter

75816f6

Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>

Fixed lint-staged cmd

1799972

Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>

fantonangeli mentioned this pull request Mar 18, 2026

Fix linter and formatter execution handreyrc/serverless--workflow-editor#8

Merged

Merge pull request #8 from fantonangeli/monorepo-setup-fix-formatter-…

540ff17

…execution Fix linter and formatter execution

Copilot AI review requested due to automatic review settings March 18, 2026 18:27

Copilot started reviewing on behalf of handreyrc March 18, 2026 18:28 View session

Copilot AI reviewed Mar 18, 2026

View reviewed changes

fantonangeli and others added 3 commits March 18, 2026 19:44

last fixes

31b276d

Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>

fix package settings

f292588

Signed-off-by: handreyrc <handrey.cunha@gmail.com>

Merge remote-tracking branch 'handrey/monorepo-setup' into monorepo-s…

4dba9ec

…etup-fix-formatter-execution Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>

Copilot AI review requested due to automatic review settings March 18, 2026 21:13

Copilot AI reviewed Mar 18, 2026

View reviewed changes

fantonangeli and others added 3 commits March 18, 2026 22:41

Potential fix for pull request finding

a697201

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>

2nd round

93becfa

Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>

3rd round

4d0ea55

Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>

fantonangeli force-pushed the monorepo-setup branch from 901c861 to 4d0ea55 Compare March 18, 2026 21:50

Fixes comment: serverlessworkflow#36 (comment)

293b624

Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>

Copilot AI review requested due to automatic review settings March 18, 2026 22:01

Copilot AI reviewed Mar 18, 2026

View reviewed changes

Remove react import

54718cd

Signed-off-by: handreyrc <handrey.cunha@gmail.com>

fantonangeli approved these changes Mar 19, 2026

View reviewed changes

Conversation

handreyrc commented Mar 12, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

handreyrc commented Mar 13, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

fantonangeli commented Mar 18, 2026

Uh oh!